<template>
  <div class="tile is-parent">
    <article class="tile is-child box">
      <h2 class="title is-4">系统配置</h2>
      <div class="block">
        <div class="control is-horizontal">
          <div class="control-label">
            <label class="label">模式</label>
          </div>
          <div class="control">
            <div class="select is-fullwidth">
              <select>
                <option>General enquiry</option>
              </select>
            </div>
          </div>
        </div>
        <div class="control is-horizontal">
          <div class="control-label">
            <label class="label">颜色</label>
          </div>
          <div class="control">
            <div class="select is-fullwidth">
              <select>
                <option>General enquiry</option>
              </select>
            </div>
          </div>
        </div>
        <div class="control is-horizontal">
          <div class="control-label">
            <label class="label">相关信息</label>
          </div>
          <div class="control">
            <textarea class="textarea" placeholder="Explain how we can help you"></textarea>
          </div>
        </div>
        <div class="control is-horizontal">
          <div class="control-label">
            <label class="label"></label>
          </div>
          <div class="control">
            <button class="button is-primary">保存</button>
            <button class="button is-link">还原</button>
          </div>
        </div>
      </div>
    </article>
  </div>
</template>

<script>

  export default {
    components: {
    },

    data () {
      return {
      }
    },

    computed: {
    },

    mounted () {
    }
  }
</script>

<style lang="scss" scoped>
</style>
